<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:37:"./views/home/mobile/fans/follow.phtml";i:1627629214;s:69:"/www/wwwroot/10.168.1.202/public/views/home/mobile/fans/_list_2.phtml";i:1564957270;s:71:"/www/wwwroot/10.168.1.202/public/views/home/mobile/common/ufooter.phtml";i:1625675066;}*/ ?>
﻿<!DOCTYPE HTML>
<html>

    <head>
        <meta name="apple-mobile-web-app-capable" content="yes">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>闲猫</title>
        <link href="/static/home/mobile/css/reset_5.css" rel="stylesheet" type="text/css" />
        <link href="/static/home/mobile/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/static/home/mobile/css/new_style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="/static/home/mobile/css/font-awesome.min.css">
        <link rel="stylesheet" href="/static/plugins/dialog/css/dialog.css" />
        <script src="/static/home/mobile/js/jquery-2.0.3.min.js"></script>
        <script src="/static/plugins/dialog/js/dialog.js"></script>
        <script type="text/javascript" src="/static/plugins/clipboard.min.js"></script>
        <script type="text/javascript" src="/static/home/mobile/js/global.js"></script>
        <style type="text/css">
        .button5, .button5:link, .button5:visited {
            width: 100%;
            height: auto;
            border-radius: 3px;
            outline: none;
            -webkit-appearance: none;
            font-weight: normal;
            line-height: 35px;
            font-weight: bold;
            color: #fff;
            font-size: 17px;
            background: #FE4B1C;
            border: none;
            border-radius: 15px;
            display: block;
            margin: 10px 0;
            padding: 0;
            float: none;
        }
        .add_friend_tab li {
            width: 50%;
        }
        .task-list-remain-num span {
            width: 33.33%;
            float: left;
            text-align: center;
        }
        .paging {
            padding: 30px 0;
        }
        .task-list{background:#1A1A1A;}
        .data_red_bg{
            display:block;
            width:100%;
            height:auto;
            background: #1A1A1A;
            color:#fff;
            padding:10px 0 ;
            border-top: 1px solid #1A1A1A;
        }
        #userList.android_list{
            /* margin:6.9rem 0 0 0; */
        }
        .data_img,.data_name,.data_time{
            float:left;
        }
        .data_red_bg .data_time{
            color:#fff;
        }
        .data_img{
            width:50px;
            height:50px;
            padding:0 10px 0 12px;
        }
        .data_img img{
            width:100%;
            height:100%;
            border-radius:100%;
        }
        .data_name{
            font-size:16px;
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
            color:black;
        }
        .data_time{
            float:right;
            color:#656565;
            font-size:0.6rem;
            padding:0 0.6rem 0 0;
        }
        .data_name,.data_time{
            height:2rem;
            line-height:2rem;
        }
        .data_infor_wrapper{
            float:left;
        }
        .data_id{
            font-size:0.5rem;
            line-height:1.5rem;
            color:#fbc5bf;
        }
        .data_use_name{
            max-width:150px;
            font-size:16px;
            line-height:30px;
            color:black;
            margin-right:26px;
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
            color:#fff;
        }
        .data_infor_title,.data_all{
            font-size:12px;
            line-height:24px;
        }
        .data_all span{
            display:inline-block;
            color:#fff;
            padding: 0 3px;
            font-size:12px;
            text-align:center;
        }
        .ui-list-text li a {
            display: block;
        }
        .ui-list-text li i {
            width: 50px;
            height: 50px;
            background-size: 100%;
            border-radius: 100%;
        }
        .data-right{
            float: right;
            margin-right: 20px;
            width: 45px;
            height: 100%;
        }
        .data-right span{
            color:#fff;
            padding: 0 3px;
            font-size:12px;
            text-align:center;
            float: left;
            line-height: 25px;
        }
        
        .site-header{background:#000000;}
        body,html{background:#1A1A1A}
        #footer-bar {
            width: 100%;
            background-color: #000;
            position: fixed;
            bottom: 0px;
            height: 54px;
            padding: 0px 0 0 0;
            margin: 0px;
            text-align: center;
            border-top: 1px solid #504c4c;
            z-index: 999;
        }
        #footer-bar li b {
            display: block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding-top: 5px;
        }
        .member-tab li{background:#1A1A1A;}
        .member-tab li.active{background:#1A1A1A;color:#fff;}
        .new-task-list{background:#1A1A1A;}
        .new-task-list ul li{background:#1A1A1A;}
        .paging{background:#1A1A1A}
        .paging-selct{background:#1A1A1A;color:#fff;border:1px solid #444;border-radius:5px;text-align:center;}
        .inivteFriend.main, .inviteList.main, .inviteGold.main{background:#1A1A1A;}
        .ui-list-text button{background:#2d80ff !important;}
        </style>
    </head>

    <body>
        <header class="site-header header-fixed">
            <a onclick="window.history.back();" class="back"></a>
            <div class="tit-name">粉丝关注</div>
        </header>
        <div class="main inivteFriend" style="margin-top: 47px;">
            <!-- 个人头像部分-->
            <div class="data_red_bg  android_infor  clearfix">
                <div class="data_img">
                    <img src="<?php echo !empty($member['avatar'])?$member['avatar']:''; ?>" id="show_img" onerror="javascript:this.src='/uploads/avatar.png';" alt='用户头像' />
                </div>
                <div class="data_infor_wrapper">
                    <div class="data_infor">
                        <div class="data_use_name"><?php echo $member['nickname']; ?></div>
                    </div>
                    <div class="data_all">ID:<?php echo $member['uid']; ?>&nbsp;&nbsp;&nbsp;&nbsp;<!--我的粉丝<span><?php echo $fans; ?></span>人&nbsp;&nbsp;&nbsp;&nbsp;我的关注<span><?php echo $follows; ?></span>人--></div>
                </div>
                <div class="data-right">
                    <span>粉丝: <?php echo $fans; ?></span>
                    <span>关注: <?php echo $follows; ?></span>
                </div>
                <div class="cl clear"></div>
            </div>
            <div class="member-tab">
                <ul class="add_friend_tab">
                    <li>
                        <a href="/home/fans.html"><span>我的粉丝</span></a>
                    </li>
                    <li class="active" style="border-bottom: #fff 1px solid;">
                        <span style="color: #fff">我的关注</span>
                    </li>
                </ul>
            </div>
            <div class="bk10" style="background:none;">
            </div>
            <div class="task-list">
                <?php if(!empty($items)): ?>
                <div class="new-task-list">
                                <?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $list_index = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$item): $mod = ($list_index % 2 );++$list_index;?>
<!--            <a href="/home/user/view/id/<?php echo $item['uid']; ?>">-->
            <a href="javascript:void(0);">
            <ul class="ui-list-text reward-icon">
                <li class="clearfix">
                    <i class="iconfont" onclick="open_url(<?php echo $item['uid']; ?>)" style="background-image: url(<?php echo to_media($item['avatar']?$item['avatar']:''); ?>); border-radius: 50%;"></i>
                    <div class="ui-vertical" style="width:120px;margin-right:20px" onclick="open_url(<?php echo $item['uid']; ?>)">
                        <h3 class="ui-row">
<!--                            <span class="fr"><?php echo $item['create_time']; ?></span>-->
                            <?php echo $item['nickname']; ?>
                        </h3>
                        <span class="ui-row">ID:<?php echo $item['uid']; ?></span>
                    </div>
                  <div >
                    <button type="button" onclick="delFollow(<?php echo $item['uid']; ?>)" style="float:right;background: #ffb83b;color: white;border-radius: 5px;border: 0; width: 120px;height: 30px;font-size: 14px">
                        <span>取消关注</span>
                    </button>
                  </div>
                </li>
            </ul>
            </a>
            <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>
                <div class="paging clearfix" style="display: block;">
            <span class="paging-prev">上一页</span>
            <span class="paging-num-total">
                    <select name="page" class="paging-selct" style="width:auto;padding:0px 10%;border-radius:10px;text-indent:0;">
                        <?php $__FOR_START_1285307433__=1;$__FOR_END_1285307433__=$pageCount+1;for($i=$__FOR_START_1285307433__;$i < $__FOR_END_1285307433__;$i+=1){ ?>
                        <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                        <?php } ?>
                    </select>
                </span>
            <span class="paging-next" data-page="<?php echo $pageCount; ?>">下一页</span>
                    <form id="page_form">
                        <input type="hidden" name="page" value="1">
                    </form>
                </div>
                <?php endif; ?>
            </div>
        </div>
        <style>
    #footer-bar li {
    width: 25%;
    float: left;
    
}
#footer-bar{background:#0d0d0d}
</style>

<footer id="footer-bar" lang="<?php echo $controller; ?>">
      <ul id="tabbar">
      <li><a href="/">
      <img src="/static/home/mobile/images/0011<?php if(in_array($controller,array('index'))): ?>_on<?php endif; ?>.png">
      <b>首页</b></a></li>
      <li><a href="/home/task/category.html"><img src="/static/home/mobile/images/0022<?php if(in_array($controller,array('task'))): ?>_on<?php endif; ?>.png"><b>大厅</b></a></li>

      <li><a href="/home/invite.html"><img src="/static/home/mobile/images/0044<?php if(in_array($controller,array('connection'))): ?>_on<?php endif; ?>.png"><b>推广</b></a></td>
      <li><a href="/home/account.html"><img src="/static/home/mobile/images/0055<?php if(in_array($controller,array('account','charge','fans','vip','feedback','feedback','notice','help'))): ?>_on<?php endif; ?>.png"><b>我的</b></a></li>
      </ul>
</footer>

        <script type="text/javascript" src="/static/home/mobile/js/mytaskjoin.js?v=4"></script>
        <script type="text/javascript">
            var saveFlag = "0";
            function delFollow(user_id){
                if(saveFlag == '1'){
                    return false;
                }
                saveFlag = "1";
                Common.loading.show();
                $.post('/home/fans/unFollowUser.html', { user_id: user_id }, function(res) {
                    message(res.message,res.redirect,res.type);
                    Common.loading.hide();
                });
            }
            function open_url(user_id) {
                if(user_id!="")
                {
                    window.location.href="/home/user/view/id/"+user_id;
                }
            }

        </script>
</body>

</html>